

#main_top {
	height: 1098px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	.container-fluid {
		height: 1098px;
		position: relative;
		.shop_left {
			width: 576px;
			position: absolute;
			top: 0;
			left: 0;
			.img_box {
				width: 576px;
				height: 576px;
			} 
			.img_list{
				ul.img_list_ul {
					text-align: center;
					li {
						display: inline-block;
						margin-left: 10px; 
						cursor: pointer;
						img {
							display: block;
							width: 84px;
							height: 84px;
						}
					}
					li.active_li {
						border: 1px solid crimson; 
					}
				}
			}
			.fenxiang {
				padding-left: 100px;
				line-height: 20px;
				a {
					margin-top: 20px;
					display: inline-block;
					width: 62px;
					padding-left: 24px;
					color: #555;
				}
				a.fx {
					background: url(../static/img/fenxiang_img.png) no-repeat center left;
				}
				a.sc {
					background: url(../static/img/shoucang_img.png) no-repeat center left;
				}
			}
		}
		.shop_right {
			width: 585px;
			height: 100%;
			h2.shop_xinxi {
				font-size: 24px;
				font-weight: normal;
				line-height: 1em;
				margin-top: 58px;
			}
			p.shop_miaoshu {
				font-size: 16px;
				font-weight: bold;
				color: red;
				margin-top: 15px;
			}
			.price_msg,.address,.shuxin,.btn_group {
				padding-left:20px;
			}
			.price_msg {
				width: 545px;
				height: 143px;
				background: #f8f8f8;
				padding: 30px 20px;
				margin-top: 52px;
				tr.tab_price {
						color: red;
						td._price {
							padding: 0;
							span {
								font-size: 26px;
							}
						}
						
					}
				tr.tab_huodong {
					p {
						line-height: 23px;
						vertical-align: middle;
						margin-bottom: 10px;
						b {
							font-weight: normal;
							display: inline-block;
							width: 48px;
							height: 21px;
							border: 1px solid red;
							border-radius: 4px;
							float: left;
							line-height: 21px;
							text-align: center;
							color: red;
							background: #fff;
							font-size: 12px;
							margin-right: 10px;
						}
					}
				}
				
			}
			.address {
				height: 63px;
				border-bottom: 1px solid #ccc;
				line-height: 43px;
				td.add_msg {
					em {
						font-style: normal;
					}
					a {
						margin: 0 5px;
					}
					a:last-child {
						float: right;
						margin: 0;
					}
				}
			}
			.shuxin {
				padding-top: 10px;
				border-bottom: 1px solid #ccc;
				padding-bottom: 20px;
				td.select_color,td.select_banben {
					width: 475px;
					padding-top: 0;
					a {
						display: inline-block;
						width: 141px;
						height: 37px;
						border: 1px solid #ccc;
						border-radius: 5px;
						text-align: center;
						line-height: 37px;
						margin-right: 10px;
						margin-bottom: 10px;
						color: #000;
					}
					a.shuxin_color {
						border-color: red;
						color: red;
					}
				}
				td.select_taozhuan,td.yiwaib,td.huabei {
					width: 475px;
					padding-top: 0;
					a {
						display: inline-block;
						width: 141px;
						height: 68px;
						border: 1px solid #ccc;
						border-radius: 5px;
						text-align: center;
						margin-right: 10px;
						margin-bottom: 10px;
						color: #000;
						p {
							height: 18px;
							line-height: 18px;
							padding-top: 15px;
						}
						span {
							font-size: 12px;
						}
					}
					a.shuxin_color {
						border-color: red;
						color: red;
					}
				}
				td.yiwaib {
					padding-top: 0;
					a {
						width: 219px;
					}
				}
				td.shop_count {
					padding-top: 0;
					div.count {
						width: 189px;
						height: 48px;
						border: 1px solid #ccc;
						border-radius: 2px;
						div {
							float: left;
							height: 100%;
							width: 63px;
							text-align: center;
							line-height: 48px;
						}
						div.count_add {
							background: url(../static/img/red.jpg) no-repeat center;
							background-size: 15px;
							cursor: pointer;
						}
						div.count_red {
							background: url(../static/img/add.jpg) no-repeat center;
							background-size: 20px;
							cursor: pointer;
						}
					}
				}
			}
			.btn_group {
				padding-top: 0;
				a {
					margin-top: 40px;
					width: 283px;
					height: 50px;
					border-radius: 5px;
					color: #fff;
					text-align: center;
					line-height: 50px;
				}
				a:first-child {
					float: left;
					background: #ff944f;
					margin-left: -20px;
				}
				a:last-child {
					float: right;
					background: #ff5e5e;
				}
			}
			tr {
				font-size: 14px;
				td {
					vertical-align: top;
					padding-top: 10px;
					width: 455px;
				}
				td:first-child {
					width: 58px;
					text-align-last: justify;
					color: #646464;
					padding-right: 20px;
					padding-top: 10px;
				}
			}
		}
	}
}

.dialog {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	div.dialog_box {
		width: 660px;
		height: 360px;
		padding: 20px;
		position: absolute;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
		background: #fff;
		border-radius: 10px;
		div.close {
			width: 20px;
			height: 20px;
			position: absolute;
			top: 20px;
			right: 20px;
			cursor: pointer;
		}
		dl.citys {
			height: 200px;
			font-size: 14px;
			dt {
				height: 24px;
				border-bottom: 1px solid #111;
				line-height: 24px;
				margin-bottom: 20px;
				padding: 10px;
				cursor: pointer;
				span {
					padding-right: 20px;
				}
				.selectd_color {
					color: red;
				}
			}
			dd {
				span {
					float: left;
					height: 34px;
					line-height: 34px;
					padding: 0 20px 0 10px;
					cursor: pointer;
				}
				span:hover {
					color: red;
				}
			}
			
		}
		dl.myadd {
			dt {
				height: 24px;
				border-bottom: 1px solid #111;
				line-height: 24px;
				margin-bottom: 20px;
				padding: 10px;
			}
			dd {
				padding-left: 40px;
			}
		}
	}
}



#main_center {
	height: 58px;
	border-bottom: 1px solid #eee;
	line-height: 58px;
	a {
		display: inline-block;
		width: 78px;
		font-size: 14px;
	}
	a:last-child {
		text-align: right;
		color: red;
	}
}


#main_bottom {
	.shouhou {
		height: 104px;
		padding: 20px 0px;
		border: 2px solid red;
		text-align: center;
		h2 {
			font-weight: bolder;
			color: red;
			font-size: 30px;
			margin-bottom: 16px;
		}
		p {
			font-size: 15px;
			line-height: 1.7em;
		}
	}
	.tiaokuan {
		height: 117px;
		padding: 20px 0;
		background: rgb(244,243,239);
		div.tk_box {
			width: 1200px;
			margin: 0 auto;
			a {
				float: left;
				width: 299px;
				height: 117px;
				background: #fff;
				border-right: 1px solid #ccc;
				text-align: center;
				line-height: 117px;
				font-size: 12px;
			}
			a:last-child {
				border: none;
			}
		}
	}
}